<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

<f:loadBundle basename="resources" var="msg" />
	<ui:composition template="/templates/login.xhtml">

	<style type="text/css">
		.rich-message-label {
			color: red;
		}

		.top {
			vertical-align: top;
		}
	</style>

	<ui:define name="pageTitle">Galera.COM</ui:define>
			<ui:define name="pageHeader">Galera.COM</ui:define>
			<ui:define name="body">
				<h:form>
					<h:panelGrid columns="2">
						<h:column>
							<h:graphicImage value="/images/galera.jpg" style=" width : 196px; height : 259px;"/>
						</h:column>
						<h:column>
							<h:panelGrid columns="1">
								<h:column>
									<h:outputText value="#{msg.login}" />
									<h:inputText value="#{loginMBean.login}" />
								</h:column>
								<h:column>
									<h:outputText value="#{msg.senha}" />
									<h:inputSecret value="#{loginMBean.senha}" />
								</h:column>
								<h:column>
									<h:commandButton value="#{msg.entrar}" action="#{loginMBean.entrar}"/>
								</h:column>
							</h:panelGrid>
						</h:column>
					</h:panelGrid>
					<rich:messages passedLabel="entrar" layout="list">
	                    <f:facet name="entrar"/>
    	            </rich:messages>
				</h:form>
			</ui:define>
	</ui:composition>
</html>